body{ font-size:14px; font-family: calibri,msyh, Geneva, sans-serif; line-height:160%; color:#222222; margin:0; padding:0; background:#fff;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p,input{margin:0; padding:0; border:none; list-style-type:none;}
div{ margin:0 auto;}
input{ vertical-align:middle;}
textarea{ resize:none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
::-webkit-selection{color: #fff;background: #0573d2;}
::-moz-selection{color: #fff;background: #0573d2;}
::selection{color: #fff;background: #0573d2;}
*html .clearfix{ height:1%;}
*+html .clearfix{height:1%;}
.tl{ text-align: left;}
.tr{ text-align:right;}
.tc{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.w{margin: 0 auto; float: none;}
.max-w{max-width: 1230px; min-width: 320px;}
a:hover{color: #0573d2;}
.nav .a-active{color: #0573d2;}
.b-bg{background: #0573d2;}
.g-border-b{border-bottom: 1px solid #c0c0c0;}

/*首页*/
.header{padding: 0 8px; height: auto; position: relative;}
.header img{display: block; min-width: 250px;}
.header h1{padding: 8px 0; position:relative;}
.header h1 span{ font-size:14px; position: absolute; left:105px; top:60px; letter-spacing:1px;}

.nav li{float: left; height: 96px; width: 14.28%; text-align: center;}
.nav li a{line-height: 86px; font-size: 16px; padding-left: 0; padding-right: 0;}
.nav-menu ul{padding: 0;}
.nav a:hover{color: #0573d2;}
.nav-menu .drop-menu{border: none;box-shadow: none;}
.drop-menu li{width: 100%; display: block; height: 43px; float: none;}
.nav .drop-menu li a{padding-left: 0; line-height: 32px; text-align: center;}

/*focus*/
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:24px; text-align:center;}
.focus .hd-wrap{float: left; left: 50%; position: relative;}
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
    left: -50%; position: relative;
}

.focus .hd ul li{ display:inline-block; width:16px; height:16px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background: #fff; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background: #0573d2;  }

.focus .bd ul{width: 9999px;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li{float: left}
.focus .bd li img{ width:100%;  height:auto; background:url(images/loading.gif) center center no-repeat;  }

.group-i{margin-top: 92px;}
.group-i h2{font-size: 32px;}
.group-line{height: 2px; width: 50px; display: block; margin: 16px auto 6px auto;}
.group_dec{font-size: 16px; line-height: 32px; margin-bottom: 48px; color:#666;}
.col-1-w{padding-right: 1px;}
.g-col-1{height: 350px; padding: 50px 20px 20px 20px; background: #eeeeee; overflow: hidden;}
.g-col-1 i{display: block; width: 64px; height: 64px; margin: 0 auto; overflow: hidden;}
.g-col-1 i img{width: 100%; height: 200%; position: relative;}
.ly-title{font-size: 24px;}
.black-line{background-color: #000; height: 2px; width: 34px; display: block; margin: 14px auto 18px auto;}
.ly-dec{line-height: 24px; color: #666;}

.col-2-w{height: 224px; overflow: hidden;}
.col-2-img img{width: 100%; display: block; height: 640px;}
.g-case .col-2-img{height: 100%; overflow: hidden;}
.g-case .col-2-img img{height: 100%; transition: transform 1s ease 0s;  transform: scale(1); overflow: hidden;}
.g-case .col-2-img img:hover{transition: transform 1s ease 0s; transform: scale(1.1);}
.g-col-2{padding: 16px 24px;}
.g-col-2 h3{font-size: 18px;}
.g-col-2-line{height: 2px; background: #0573d2; width: 34px; display: block; margin: 12px 0;}
.col-2-dec{line-height: 24px; height: 96px; overflow: hidden;}
.col-2-bnt{width: 58px; height: 32px; display: block; line-height: 34px; color: #fff; margin-top: 5px;}
.g-title-2{line-height: 34px;}
.g-title-2 h2{font-size: 25px;}
.g-title-2 span{color: #a6a6a6; font-size: 18px;}

.g-pro img{width: 100%; height: 350px;}

.g-news{padding-right: 28px;}
.g-news li{background: #fff;}
.g-new-cont{width: 100%; padding: 14px 0 14px 130px; height: 100px; border-bottom: 1px dashed #c0c0c0; overflow: hidden;}
.g-new-cont:hover .g-new-dec{color: #5f5f5f;}
.g-new-time{margin-left: -100px; width: 60px; height: 60px; color: #fff; margin-top: 5px;}
.g-new-day{font-size: 22px; padding: 7px 0 4px 0;}
.g-new-title{font-size: 16px; padding-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.g-new-title a{display: inline-block; height: 19px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.g-new-title a:hover{color: #333; text-decoration: underline;}
.g-new-dec{color: #afafaf; height: 42px; overflow: hidden;}
.g-contact .map{height: 220px; overflow: hidden; margin-top: 18px; margin-bottom: 8px;}
.g-contact .map img{width: 100%;}
.g-contact-cont{line-height: 28px;}

.container-layout{margin-top: 85px;}
.col-4-support span{display: inline-block; width: 50px; height: 48px; margin: 0 auto; overflow: hidden;}
.col-4-support span img{width: 100%; height: 200%; position: relative;}

.footer{background: #424242; margin-top: 50px; padding: 50px 0 40px 0;}
.footer dt{color: #f2f2f2; margin-bottom: 12px; font-size:17px; font-weight: normal;}
.footer dd a{color: #a1a1a1; line-height: 32px; width: 104px; display: block; font-size:15px; overflow: hidden; height: 32px;}
.footer .qq-mobile{color: #f2f2f0; padding-left: 0; font-size:17px;}
.footer .qq-mobile .mobile{ font-size:30px; margin:18px 0; letter-spacing:1px;}
.footer .qq-mobile .qq{padding: 10px 15px; background: #66ccff; border-radius: 4px; letter-spacing:4px; font-size: 18px; display: inline-block; color: #f2f2f2;}
.footer .qq-mobile .qq:hover{background: #64bbed;}
.footer .mobile{font-size: 22px; font-weight: normal; margin: 10px 0 14px 0;}
.footer .code img{width: 130px;}
.footer dd a:hover{color: #f2f2f2;}
.copyright{background: #3d3d3d; color: #a1a1a1; padding-top: 10px; font-size:12px;}
.copyright a{color: #a1a1a1; margin: 0 5px;}
.copyright img{ vertical-align:middle;}

/*inside*/
.inside-banner{position: relative; margin-bottom: 80px; height: 400px; }
.inside-banner-img{background-size: cover; display: block; height: 400px; background-position:center center;}
.inside-banner .tex{position: absolute; top: 50%; margin-top: -60px; width: 600px; left: 50%; margin-left: -300px; color:#0573d2;}
.inside-banner h3{ font-weight: bold; font-size: 28px;}
.inside-banner .dec{font-size: 18px; margin-top: 20px; line-height: 32px;}
.inside-banner1{height: 430px; overflow: hidden; margin-top: 80px;}
.inside-banner1 .tex{margin-top: -120px;}
.tex .g-col-2-line{margin-left: auto; margin-right: auto;}
.page{ text-align:center;}
.page ul{margin-top: 40px; display:inline-block; float:none;}
.page .pagination-group{ border-color:#00aaee; overflow:hidden;}
.page ul li,.page i{border-radius: 4px; display:inline-block; font-family:Verdana, Geneva, sans-serif;}
.page ul li a.active{ color:#fff; display:inline-block;}
.inside-bg{background: #f2f2f2; border-top: 1px solid #e7e7e7; padding-bottom: 64px;}

/*about*/
.i-about-img img{display: block; width: 100%;}
.i-about-cont{line-height: 30px; padding-right: 20px; font-size:18px;}

/*news-list*/
.news-list{margin-top: 64px;}
.new-group{padding: 22px 22px 22px 280px;}
.new-group:hover{background: #F9F9F9;}
.new-description{height: 122px; overflow: hidden;}
.ur-here{line-height: 64px; color: #999; font-size: 14px; padding-left: 20px;}
.ur-here a{color: #999;}
.ur-here .active{color: #0573d2;}
.ur-here a:hover{color: #0573d2;}
.ur-here .n1{margin: 0 6px;}
.ur-here .icon-home{color: #cccccc;}
.container-title{border-bottom: 1px solid #e7e7e7;}
.container-title h3{font-size: 22px; line-height: 28px; overflow: hidden; height: 28px;}
.container{padding: 44px; background: #fff;}
.container-title{padding-bottom: 20px;}
.container-time{padding-top: 16px; font-size: 16px; color: #999;}
.container-cont{line-height: 28px; overflow: hidden;}
.container-cont img{max-width: 100%; margin: 10px 0;}
.prev-next a{text-decoration: underline; color: #21ADDB; font-size: 12px;}
.title { font-size: 14px; font-weight: bold; color: #cc5522; }
.title img{width: 16px; height: 16px; display: inline-block;}
.content { font-size: 13px; color: #333; }

/*pro*/
.pro-list img{width: 100%; height: 230px;}
.pro-list-wrap{padding: 10px; margin-bottom: 20px;}
.pro-list-title{font-size: 22px; margin: 10px 0; height: 42px; overflow: hidden;}

/*business*/
.business-head h3{font-size: 28px;}
.business-head .dec {font-size: 16px;  margin-top: 20px; line-height: 32px; color: #7b7b7b; margin-bottom: 48px;}
.business-img{overflow: hidden;}
.business-img img{width: 100%; display: block;
    transition: transform 1s ease 0s;
    transform: scale(1);
    overflow: hidden;}
.business-img img:hover{
    transition: transform 1s ease 0s;
    transform: scale(1.1);
}
.business-txt{padding: 40px;}
.business-group{background: #f2f2f0;}
.business-dec{line-height: 32px; font-size: 16px; color: #7b7b7b;}

.flow-group{padding: 64px 0; color: #fff; background: #66ccff;}
.flow-group .group_dec{ color:#fff; font-size:14px;}
.flow-group .group-line{background: #fff;}
.flow-group .xl4 p{ font-size:16px;}

.problem-group{font-size: 18px;}
.problem-group .link{background: #595959; color: #f2f2f2; display: block; width: 100%; padding: 8px 28px; margin-bottom: 4px; height: 37px; overflow: hidden; margin-top: 4px;}
.problem-group .cont{color: #666; font-size: 16px; line-height: 24px; padding: 0 28px; display: none; overflow: hidden; height:auto;}

@media screen and (max-width: 760px) {
    #top-nav-link li{width: 100%; height: auto;}
    .header button{position: absolute; top: -50px; right: 0;}
    .header .nav{width: 100%;}
    .nav-menu ul{position: static; width: 100%; box-shadow: 0 0 0 0; border: none;}
    .nav-menu ul a{ background: #fcfcfc;}
    .nav li a{font-size: 14px; line-height: 28px;}
    .focus .hd ul li{ width:8px; height:8px;}
    .group-i h2{font-size: 16px;}
    .group-i{margin-top: 32px;}
    .header img{width: 240px;}
	.header h1 span{ font-size:11px; position: absolute; left:70px; top:40px; letter-spacing:-1px; display:block; height:20px; line-height:20px; overflow:hidden}
	
    .group_dec{font-size: 14px; margin-bottom: 16px; line-height: 22px; height: 44px; overflow: hidden; padding: 0 6px;}
    .ly-title{font-size: 16px;}
    .col-1-w{margin-bottom: 1px;}
    .col-2-w{height: auto;}
    .g-col-2 h3{font-size: 16px;}
    .col-2-img img{height: 100%;}
    .g-news{padding-right: 0;}
    .g-title-2 span{font-size: 14px;}
    .g-title-2 h2{font-size: 16px; padding: 0 6px;}
    .g-new-cont{padding: 14px 0 14px 80px}
    .g-new-time{margin-left: -70px;}
    .g-new-dec{padding-right: 6px;}
    .g-contact{margin-top: 28px;}
    .g-contact-cont{padding-left: 6px;}
    .footer{margin-top: 36px; padding: 0;}
    .copyright{font-size: 12px;}
	.copyright .line{ display:none;}
    .focus .hd{bottom: 12px;}
    /*inside*/
    .inside-banner{ margin-bottom: 28px; height: 130px;}
    .inside-banner-img{height: 130px;}
    .inside-banner .tex{width: 320px; margin-left: -160px; margin-top: -40px;}
    .inside-banner h3{ font-weight: normal; font-size: 16px; padding: 6px;}
    .inside-banner .dec{font-size: 14px; margin-top: 6px; line-height: 24px;}
    .inside-about .g-col-2-line{margin-left: 6px;}
    .i-about-cont{padding-left: 6px;}
    .business-txt{padding: 6px;}
    .business-dec{line-height: 24px; font-size: 14px;}
    .business-group .g-title-2{text-align: center;}
    .business-group .g-col-2-line{margin: 0 auto 6px auto;}
    .business-group .g-title-2 h2{padding-top: 20px;}
    .business-head h3{font-size: 16px;}
    .business-head .dec{font-size: 14px; margin-bottom: 28px;}
    .container{padding: 12px; width: 94%; margin-top: 12px;}
    .container-title{padding-bottom: 8px;}
    .container-title h3{font-size: 16px;}
    .inside-bg{padding-bottom: 0;}
}